* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../img/huohua-010.jpg) center;
}
.box{
	width: 1300px;
	height: 100%;
	margin: 0px auto;
	margin-top: 100px;
	position: relative;
}
.box .photo {
	width: 300px;
	height: 180px;
	border: 5px solid azure;
	box-shadow: -10px -10px 10px black;
	transition: all 0.5s linear;
}

.photo:nth-child(odd) {
	transform: rotate(20deg);
}

.photo:nth-child(even) {
	transform: rotate(-20deg);
}

.photo:hover {
	transition: 0.5s;
	transform: scale(1.3);
	position: relative;
	z-index: 2;
}
.cphoto{
	transition: 0.5s;
	transition: all 0.5s ease-in-out;
	transform: scale(1.1);
	position: fixed;
	top: calc(50% - 360px);
	left: calc(50% - 640px);
	z-index: 3;
}
